<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="js/课堂练习.css">
</head>
<body>

<!-- 

允许给元素加 id class属性 完成下列各题。
1.将文字“id选择器” 设置为红色
2.将前三个div背景色统一为绿色
3.将所有div设置为宽600px 高300px
4.将第四个div中所有字体颜色设置为蓝色
5.当鼠标移动到第四个div的文字上时，字体颜色设置为红色
6.将所有的文字大小设置为 20px
 -->
<p id="p1" > id选择器</p>
<p > 类选择器</p>
<p > 元素选择器</p>
<div class="divColor" >
	<span>第一个div</span>
	<span>第一个div</span>
	<span>第一个div</span>
</div>
<br>
<div class="divColor" >
	<span>第二个div</span>
	<span>第二个div</span>
	<span>第二个div</span>
</div>
<br>
<div class="divColor" >
	<span>第三个div</span>
	<span>第三个div</span>
	<span>第三个div</span>
</div>
<br>
<div id="div4" >
	<span>第四个div</span>
	<span>第四个div</span>
	<span>第四个div</span>
</div>

</body>
</html>